<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>工地详情</title>
    <% include ../common/standard.ejs  %>
</head>
<body>
<div id="site-detail">
    <% include ../common/header.ejs  %>
    <div class="nav">
        <div class="container">
            <ol class="row breadcrumb">
                <li><a href="#">首页</a></li>
                <li><a href="/site">施工工地</a></li>
                <li class="active site-name"></li>
            </ol>
        </div>
    </div>
    <div class="info row" id="site-info">
        <script id="site-detail-tpl" type="text/template">
            <div class="col-xs-9 right big-img">
                <img src="{{=data.image}}" alt=""/>
            </div>
            <div class="col-xs-3 left">
                <div class="content">
                    <div class="des">
                        <h4>{{=data.community}}</h4>
                        <p>{{=data.description}}</p>
                    </div>
                    <div class="tabs">
                        <div class="tab-nav clearfix">
                            <div class="tab-nav-item">工地说明</div>
                            <div class="tab-nav-item text-center active">现场照片</div>
                        </div>
                        <div class="tab-content">
                            <div class="tab-content-item des" style="display: none;">
                                <div class="clearfix level-content">
                                    <div class="label">
                                        <i class="fa fa-user-o"></i><em>小区 名：</em>
                                    </div>
                                    <p>{{=data.community}}</p>
                                </div>
                                <div class="clearfix level-content">
                                    <div class="label">
                                        <i class="fa fa-user-o"></i><em>行政 区：</em>
                                    </div>
                                    <p>{{=data.district}}</p>
                                </div>
                                <div class="clearfix level-content">
                                    <div class="label">
                                        <i class="fa fa-user-o"></i><em>地  址：</em>
                                    </div>
                                    <p>{{=data.address}}</p>
                                </div>
                                <div class="clearfix level-content">
                                    <div class="label">
                                        <i class="fa fa-user-o"></i><em>户型：</em>
                                    </div>
                                    <p>{{=data.type}}</p>
                                </div>
                                <div class="clearfix level-content">
                                    <div class="label">
                                        <i class="fa fa-user-o"></i><em>设计风格：</em>
                                    </div>
                                    <p>{{=data.style}}</p>
                                </div>
                                <div class="clearfix level-content">
                                    <div class="label">
                                        <i class="fa fa-user-o"></i><em>施工进度：</em>
                                    </div>
                                    <p>福建省接口接口</p>
                                </div>
                                <div class="clearfix level-content">
                                    <div class="label">
                                        <i class="fa fa-user-o"></i><em>设计师：</em>
                                    </div>
                                    <p>福建省接口接口</p>
                                </div>
                            </div>
                            <div class="tab-content-item photo">
                                {{_.each(data.images,function(item){}}
                                <img src="{{=item}}" alt=""/>
                                {{})}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="button visit">参观工地</div>
            </div>
        </script>
    </div>
    <div class="container main">
        <div class="relate-designer">
            <h4>相关工地</h4>
            <div class="row">
            </div>
        </div>
        <div class="relate-designer">
            <h4>相关设计师推荐</h4>
            <div class="row">
            </div>
        </div>
    </div>
</div>

<script id="relate-site-item" type="text/template">
    {{_.each(data, function(item){}}
    <div class="col-xs-3">
        <div class="designer-img"><img src="{{=item.portrait}}" alt=""></div>
        <div class="designer-content">
            <div class="name">
                {{=item.name}}
            </div>
            <div class="years">从业/{{=item.workYear}}年</div>
        </div>
    </div>
    {{})}}
</script>

<script id="relate-designer-item" type="text/template">
    {{_.each(data, function(item){}}
    <div class="col-xs-3">
        <div class="designer-img"><img src="{{=item.portrait}}" alt=""></div>
        <div class="designer-content">
            <div class="name">
                {{=item.name}}
                <img src="../../img/mark2.png" class="mark" alt="标志">
            </div>
            <div class="years">从业/{{=item.workYear}}年</div>
        </div>
    </div>
    {{})}}
</script>
<script src="../js/lib/requirejs/require.js"></script>
<script src="../js/config.js"></script>
<script src="../js/app/site/detail.js"></script>
</body>
</html>